@charset "utf-8";
body{ background-color:#f5f5f5; font-size:13px; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,"PingFang SC","Noto Sans CJK SC","Source Han Sans CN","Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size: 12px;line-height: 1.5em; margin-top:30px}
a{ text-decoration:none}
.clear{ clear:both}
.wrapper{ width:950px; margin:0 auto;}
/*商品分类导航*/
.maket-header{  }
.maket-header .wrapper{ position:relative; border-bottom:1px solid  #d8d8d8; height: 50px; }
.market-header .market-logo{display:block; background-image: url(../Images/logo.png); width:87px; height:20px; margin-top:13px ; float:left; margin-right:25px}
.mall-categories .categories-item{ float:left; padding:0 8px; line-height:48px; margin-right:5px; font-size:13px }
.mall-categories .categories-item:hover{border-bottom:2px solid #d8d8d8;}
.mall-categories .categories-item  a{color:#555; font-weight:200}
.mall-categories .categories-sub-item h1 a{ color:#545652}
.mall-categories .categories-sub-item li a:hover{ color: #FF0000}
.mall-categories .categories-sub-item{ float:left; width:80px; border-right:1px solid #eee; margin-left: 5px; }
.mall-categories .categories-sub-item  a {}
.mall-categories .categories-sub-item li a{color:#959595; margin-top:2px}
.mall-categories .categories-item:hover  .categories-box {display:block}
.mall-categories .categories-box{ display:none; position:absolute; width:100%; border-top: 1px solid #d8d8d8}
.categories-sub-item h1 { margin-bottom:20px}
.mall-categories .categories-goods{float:left; width:332px ;text-align:center; margin-top:10px}
.mall-categories .categories-goods img{ width:200px; height:200px; opacity:0.7; }
.mall-categories .market-user{}
.market-user img, .market-user a, .market-user span{ line-height:50px; width:25px; height:25px; border-radius:50%; margin-right:5px; vertical-align:middle}
.market-user span{ color:#9c9c9c; margin: 0px 10px}
.market-search{ position:relative; margin-right:30px; height:22px; margin-top:15px; border:1px solid #d8d8d8; border-radius:24px; margin-top:14px; padding-left:8px}
.market-search input{transition: width 0.2s; width:100px; border:none; background:none; padding-left:10px; line-height:22px; height:22px; cursor:pointer; text-decoration:none}
.market-search input:focus{ width:130px;transition: width 0.2s;}
.market-search img{ position:absolute; right:5px ; top:3px; height:15px}





/*商品列表*/
.goods-list{}
.grid-item{ width: 33.33333%; box-sizing; border-box; float:left; }
.grid-item .goods-item{ padding:0 27.5px;height:320px; margin-top:20px}
.goods-item img{ width:100%; height:}
.goods-item .goods-brand a{ color:#9c9c9c }
.goods-item .goods-price del{ color:#9c9c9c}
.goods-item .goods-price .price{ color:#e15336}
.goods-item .goods-title a{ color:#555; font-weight:bold}
.goods-item .goods-price .p-tap{color:#e15336 ; border:1px solid #e15336; border-radius:5px ; display:inline-block; padding:2px 5px; font-size:10px; line-height:10px; font-weight:bold}
